/* component/activity_joinMask/activity_joinMask.wxss */
.Mask {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background-color:#000;background: rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.maskTip {
  font-size:28rpx;
  text-align:left;
  margin-left:30rpx;
  margin-top:30rpx;
  color:orange;
  height: 25rpx;
}
.maskContain {
  position:absolute;
  width:100%;
  background-color:white;
  text-align:center;
  bottom:0;
  left:0;
}
.maskContent {
  margin:30rpx;
  align-items: center;
}

.closeView {
  float: right;
  top:10rpx;
  right:10rpx;
  width:100rpx;
  height:100rpx;
  position:absolute;
}
.close {
  width: 24rpx;
  height: 24rpx;
  float:right;
  margin-right:30rpx;
  margin-top:30rpx;
}
.inputCell {
  text-align: left;
  margin-top: 30rpx;
  font-size: 28rpx;
  color: #333333;
  display: flex;
  border-bottom:1rpx solid #e1e1e1;
}
.subtitle {
  width:160rpx;
  white-space: nowrap;
  line-height:3.5;
  overflow: hidden;
}
.subtitle text {
  color: red;
}
.maskInput {
  height:95rpx;
  line-height: 3.5;
  width: 80%;
}
.maskJoin {
  width: 100%;
}
.join-btn {
  background:#FFD100;
  border-radius:45rpx;
  margin-top:30rpx;
}